﻿<%@ page language="C#" autoeventwireup="true" inherits="MembershipCard_wechat_web_ProductsExchange2, App_Web_2j4u444m" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width" name="viewport" /> 
<meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta content="yes" name="apple-mobile-web-app-capable" /> 
<meta content="black" name="apple-mobile-web-app-status-bar-style" /> 
<meta content="telephone=no" name="format-detection" />
<link type="text/css" href="css/index.css" rel="stylesheet" />
    <title>商品详情</title>
</head>
<body>
    <form id="form1" runat="server">
    <div class="indexmenu">
    <ul>
       <li><span><a href="javascript:history.go(-1);"><em class="indexicon1"></em></a></span></li>
        <li><span><a href="Products2.aspx"><em class="indexicon2"></em></a></span></li>
         <li><span><a href="shouhuo2.aspx"><em class="indexicon3"></em></a></span></li>
          <li runat="server" id="sumcar"><span><a href="ShopCar2.aspx"><em class="indexicon4"></em></a></span></li>
    </ul>
</div>

<div class="duihuanad">
   <div class="container" id="fox" runat="server">
                  <ul class="num"> 
                    <li class="on"></li>
                    <li class="nor"></li>
                    <li class="nor"></li>
                    <li class="nor"></li>
                    <li class="nor"></li>
                    <li class="nor"></li>
                  
                  </ul>
                  <ul class="containercon">
                        <li><a href="#"><img src="images/duihuanad.jpg" width="320" height="210" /></a></li>
                        <li><a href="#"><img src="images/duihuanad.jpg" width="320" height="210" /></a></li>
                        <li><a href="#"><img src="images/duihuanad.jpg" width="320" height="210" /></a></li>
                        <li><a href="#"><img src="images/duihuanad.jpg" width="320" height="210" /></a></li>
                         <li><a href="#"><img src="images/duihuanad.jpg" width="320" height="210" /></a></li>
                          <li><a href="#"><img src="images/duihuanad.jpg" width="320" height="210" /></a></li>
                       
                  </ul>
        </div>
  
<script src="js/move.js" type="text/javascript"></script>
<script type="text/javascript">
    var odiv = document.getElementById('fox');
    var oshuzi = odiv.getElementsByTagName('ul')[0].getElementsByTagName('li');
    var oul = odiv.getElementsByTagName('ul')[1];
    var oli = oul.getElementsByTagName('li');
    var now = 0;

    for (var i = 0; i < oshuzi.length; i++) {
        oshuzi[i].index = i;
        oshuzi[i].className = 'nor';
        oshuzi[0].className = 'on';
        oshuzi[i].onclick = function () {
            if (this.index == now) return;
            now = this.index;
            tab()
        }
    }
    function tab() {
        for (var i = 0; i < oshuzi.length; i++) {
            oshuzi[i].className = 'nor';
        }
        oshuzi[now].className = 'on';

        startMove(oul, { left: -320 * now });
    }
    function zidong() {
        now++;
        if (now == oli.length) { now = 0; }
        tab();
    }
    var timer = setInterval(function () { zidong(); }, 5000);
    oul.onmouseover = function () {
        clearInterval(timer);
    }
    oul.onmouseout = function () {
        timer = setInterval(function () { zidong(); }, 5000);
    }		

</script>

  
  <p runat="server" id="tit">玉容眼霜 15g、珍选白玉兰菁华倾注肌肤，抗氧、赋活，帮助促进胶原蛋白再生</p>
   <div class="prolist">
       <div class="order_pin">
          <span>价格：<bdo runat="server" id="lblJF">
      分</bdo></span>
          <span>运费：<bdo>免邮费</bdo></span>
       </div>
       
        <div class="order_pin">
         <i>数量：</i>
         <i><a href="javascript:jian();">-</a><em><input name="num" type="text" size="6" value="1" id="carnum"/></em><a href="javascript:add();">+</a></i>
         <i style="font-size:14px; padding-left:10px;" runat="server" id="lblXL">剩余件</i>
       </div>
       
     
       
   </div>
</div>
  <div class="carbtn">
       <ol><div class="goubtn" runat="server" id="addcar" onclick="addcar()">加入购物车</div></ol>
        <ol><div class="duihuanbtn" onclick="GM()">立即购买</div></ol>
     </div>
  
<div class="duihuandetail">
  <h2>商品详情</h2>
  <p runat="server" id="xq">将娇贵意大利野生白松露与珍选白玉兰菁华倾注肌肤，抗氧、赋活，帮助促进胶原蛋白再生。丰沛积雪草及植物神经酰胺，改善眼部细纹、黑眼圈等眼周肌肤问题。</p>
</div>     

<div class="duihuandetail" style="display:none;">
  <h2>使用方法</h2>
  <p>取出适量后点缀眼角，轻柔均匀涂抹，请按眼周皮肤，再以指尖揉搓4-5回产生热感，帮助吸收珍罕美眸机能。</p>
</div> 
    </form>
</body>
</html>
<script type="text/javascript">
    function jian() {
        var num = document.getElementById("carnum");
        if (parseInt(num.value) > 1) {
            num.value = parseInt(num.value) - 1;
        }
    }
    function add() {
        var num = document.getElementById("carnum");
        num.value = parseInt(num.value) + 1;
    }

    function GM() {
//        alert("商城仅供浏览，购买功能即将开放，敬请期待。");
                var num = document.getElementById("carnum").value;
                location = "Order2.aspx?id=<%=id %>&num="+num;
    }

    function addcar() {
//        alert("商城仅供浏览，购买功能即将开放，敬请期待。");
                var num = document.getElementById("carnum").value;
                location = "ProductsExchange2.aspx?id=<%=id %>&num=" + num;
    }
</script>